<template>
  <div>
    <CloudBadge status="success" />
    <CloudBadge status="error" />
    <CloudBadge status="default" />
    <CloudBadge status="processing" />
    <CloudBadge status="warning" />
    <br />
    <CloudBadge status="success" text="Success" />
    <br />
    <CloudBadge status="error" text="Error" />
    <br />
    <CloudBadge status="default" text="Default" />
    <br />
    <CloudBadge status="processing" text="Processing" />
    <br />
    <CloudBadge status="warning" text="warning" />
  </div>
</template>

<script>
  export default {
    title: '3.状态点',
    subTitle: '用于表示状态的小圆点。',
    data () {
      return {
      }
    },
    methods: {
    }
  }
</script>

<style lang="scss">
</style>